<template>
    <div class="page" style="height: 100vh; width: 100vw">
        <!--    <img style="width: 100%" src="@/assets/success-bg.png" alt="">-->
        <!--    <img class="content" style="width: 100%" src="@/assets/content-bg.png" alt="">-->
        <div class="content1">
            <img class="yes" src="@/assets/yes.png" alt="" />
            <div style="padding: 5px">恭喜你，众成智付展业端注册成功</div>
            <div>请直接扫码或点击下载APP进行登录</div>
            <div style="position: relative; margin-top: 40px">
                <!--<img src="@/assets/code.png" style="height: 203px"  alt="">-->
                <!--        <img style="height: 159px" src="@/assets/code-down.png" alt="">-->
            </div>
            <!--      <a href="https://lyjapp.leyingjiapay.com:12005/com.leyingzhushou.agent.apk">-->
            <div class="btn" @click="down">下载APP</div>
            <!--      </a>-->
        </div>
        <div class="mask" v-show="aaa" @click="aaa = false">
            <img class="jj" src="@/assets/jj.png" alt="" />
            <div class="uu">
                <!--        <img src="../../assets/uu.png" alt="">-->
                <div class="c">点击右上角，选择默认浏览器打开~~</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Success',
    data() {
        return {
            aa: false,
            aaa: false,
            url: 'https://lyjapp.leyingjiapay.com:12008/com.leyingguanjia.agent.apk'
        }
    },
    created() {},
    methods: {
        al() {
            this.aaa = true
        },
        isWeixin() {
            var ua = window.navigator.userAgent.toLowerCase()
            if (ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_') {
                return true
            } else {
                return false
            }
        },
        down() {
            window.open('http://open.lianzhongbao.cn:28082/static/com.meitianpay.agent.apk', '_blank')
        }
    }
}
</script>

<style lang="scss" scoped>
.mask {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    .jj {
        width: 100px;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .uu {
        position: absolute;
        right: 50%;
        top: 30%;
        transform: translate(50%, -50%);
        color: #ffffff;
        img {
            width: 200px;
        }
        .c {
            position: absolute;
            letter-spacing: 1px;
            top: 0;
            padding: 20px;
        }
    }
}

.page {
    position: relative;
}

.content1 {
    position: absolute;
    left: 50%;
    width: 90%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('@/assets/fx/content-bg.png');
    background-size: 100% 100%;
}

.yes {
    height: 60px;
}

.btn {
    width: 265px;
    height: 49px;
    background: #66d6ff;
    border-radius: 48px 48px 48px 48px;
    opacity: 1;
    display: flex;
    margin: 30px auto;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: SourceHanSansCN-Normal-, SourceHanSansCN-Normal;
    font-weight: normal;
    color: #ffffff;
}
</style>
